<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">
    <pm:page title="Hello World">
<!--        <pm:view id="main">
            <pm:header title="Header" />
            <pm:content>
                Content
            </pm:content>
        </pm:view>-->
        <pm:view id="navbar">
            <pm:header title="Modulo Programa">
                <pm:navBar>
                    <p:button value="Home" icon="home" href="#main?reverse=true"
                              styleClass="ui-btn-active"/>
                    <p:button value="Info" icon="info" href="#main?reverse=true" />
                    <p:button value="Search" icon="search" href="#main?reverse=true" />
                </pm:navBar>
            </pm:header>
            <pm:content>
                <pm:navBar>
                    <p:button value="Home" icon="home"
                              href="#main?reverse=true" styleClass="ui-btn-active"/>
                    <p:button value="Info" icon="info" href="#main?reverse=true" />
                    <p:button value="Search" icon="search" href="#main?reverse=true" />
                    <p:button value="Favs" icon="star" href="#main?reverse=true" />
                    <p:button value="Setup" icon="gear" href="#main?reverse=true" />
                </pm:navBar>
            </pm:content>
        </pm:view>
    </pm:page>
</f:view>